<template>
  <div class="container">
    <div class="page-top">
      <topMenus></topMenus>
    </div>
    <div class="page-middle">
      <router-view />
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue'

import topMenus from '@/views/layout/topMenus.vue';
</script>
<style scoped="profilemain" lang="scss">
.container {
  /* max-width: 1920px;
  max-height: 1080px; */
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  line-height: 1;
  color: #fff;
  font-size: 14px;
  // background-color: rgba(22, 40, 56, 0.6);
  /* RGB值：22, 40, 56（对应十六进制 #162838）
  background-color: rgba(229, 229, 229, 0.5); */

  .page-top {
    height: 12%;
  }

  .page-middle {
    height: 88%;
  }
}
</style>
